<header class="main-header">
    <a [routerLink]="['./home']" class="logo">
      <div class="pull-left logo-img">
        <img src="assets/img/logo.png" alt="logo">
      </div>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation" >
      <div class="abc">
        <span class="logo-lg"><b>{{title}}</b></span>
      </div>

      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!--大屏-->
          <!--<li class="dropdown notifications-menu">-->
            <!--<a href="#" class="dropdown-toggle">-->
              <!--<img src="assets/icon/BigScreen.png" alt="大屏">-->
            <!--</a>-->
          <!--</li>-->

          <!-- 消息 -->
          <li class="dropdown notifications-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="assets/icon/Message.png" alt="消息">
              <!--<span class="label label-danger">25</span>-->
            </a>
            <ul class="dropdown-menu">
              <!--<li class="header">你有25条通知</li>-->
              <li>
                <!-- Inner Menu: contains the notifications -->
                <ul>
                  <li style="list-style-type:none"><!-- start notification -->
                    <span> admin做了删除操作</span>
                  </li>
                  <li style="list-style-type:none">
                    <span> admin做了新增操作</span>
                  </li>
                  <li style="list-style-type:none"><!-- start notification -->
                    <span> admin做了修改操作</span>
                  </li>
                  <li style="list-style-type:none">
                    <span> admin做了查询操作</span>
                  </li>
                </ul>
              </li>
              <li class="footer"><a href="#" routerLink="./operateLog">查看全部信息 </a></li>
            </ul>
          </li>

          <li class="dropdown messages-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="assets/icon/SetUp.png" alt="切换系统">
            </a>
            <ul class="dropdown-menu message-dropdown-menu">
              <li>
                <ul  class="menu">
                  <li>
                    <button  class="btn changeMenuBtn" name="emis" (click)="changeMenu($event)">切换基础系统</button>
                  </li>
                  <li>
                    <button  class="btn changeMenuBtn" name="communication" (click)="changeMenu($event)">切换采集系统</button>
                  </li>
                  <li>
                    <button  class="btn changeMenuBtn" name="dims" (click)="changeMenu($event)">切换监控系统</button>
                  </li>
                </ul>
              </li>
            </ul>
          </li>


          <li class="dropdown tasks-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" (click)="logout()">
              <img src="assets/icon/signout.png" alt="退出">
            </a>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <!--<li>-->
            <!--<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>-->
          <!--</li>-->
        </ul>
      </div>

      <!--<div class="modal fade deleteModal" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModalLabel">-->
        <!--<div class="modal-dialog" role="document">-->
          <!--<div class="modal-content">-->
            <!--<div class="modal-header text-center" >-->
              <!--<div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">-->
                <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
                <!--<h4 class="modal-title" id="deleteModalLabel">用户退出</h4>-->
              <!--</div>-->
            <!--</div>-->
            <!--<div class="modal-body">-->
              <!--<div class="row">-->
                <!--<div class="col-md-10 col-md-offset-1 text-center">-->
                  <!--<span>是否退出登录？</span>-->
                <!--</div>-->
              <!--</div>-->
            <!--</div>-->
            <!--<div class="modal-footer text-center">-->
              <!--<a class="btn selectButtonOfA" href="#" role="button" data-dismiss="modal">取消</a>-->
              <!--<button class="btn selectButtonOfA" (click)="logout()">退出</button>-->
            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    </nav>

</header>
<!-- 退出 -->
<div class="modal fade deleteModal" id="loginOut" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header text-center" >
        <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="deleteModalLabel2">系统退出</h4>
        </div>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-10 col-md-offset-1 text-center">
            <span>是否退出登录？</span>
          </div>
        </div>
      </div>
      <div class="modal-footer text-center">
        <div class="form-group search-list-btn">
          <button  class="btn reset-btn"  data-dismiss="modal">取消</button>

          <button  class="btn close-btn" role="button"  (click)="resetUser()">退出</button>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade deleteModal " id="add" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content  Bomb-box">
      <div class="modal-header text-center" >
        <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="addOK">新增成功</h4>
        </div>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-10 col-md-offset-1 text-center">
            <span>新增成功</span>
          </div>
        </div>
      </div>
      <div class="modal-footer text-center">
        <div class="form-group search-list-btn">
          <button  class="btn reset-btn"  data-dismiss="modal">确定</button>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade deleteModal " id="delete" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content Bomb-box">
      <div class="modal-header text-center" >
        <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="deleteOK">删除成功</h4>
        </div>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-10 col-md-offset-1 text-center">
            <span>删除成功</span>
          </div>
        </div>
      </div>
      <div class="modal-footer text-center">
        <div class="form-group search-list-btn">
          <button  class="btn reset-btn"  data-dismiss="modal">确定</button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade deleteModal " id="update" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content Bomb-box">
      <div class="modal-header text-center" >
        <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="updateOK">修改成功</h4>
        </div>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-10 col-md-offset-1 text-center">
            <span>修改成功</span>
          </div>
        </div>
      </div>
      <div class="modal-footer text-center">
        <div class="form-group search-list-btn">
          <button  class="btn reset-btn"  data-dismiss="modal">确定</button>
        </div>
      </div>
    </div>
  </div>
</div>


